<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>智能诱捕器系统</title>
    <style>
        #tabs .tabs-panels>.panel>.panel-body {
            overflow: hidden;
        }

        #nav-accordion  ul {
            padding: 0px;
            margin: 0px;
        }

        #nav-accordion ul li {
            background-color: #B4CDCD;
            list-style: none;
            padding: 5px 0px;
            margin: 1px;
            text-align: center;
        }

        #nav-accordion ul li a {
            text-decoration: none;
            line-height: 15px;
            color: #fff;
        }

        #nav-accordion ul li a.active {
            background-color: "#66ccff";
            color: red;
        }
        .footer{
            font-size: 16px;
            height: 30px;
            text-align: center;
            overflow: hidden;
        }

    </style>
    <script>
        function addTab(title, url) {
            if ($('#tabs').tabs('exists', title)) {
                $('#tabs').tabs('select', title);
            } else {
                var content = '<iframe title="' + title
                    + '" frameborder="0"  src="' + url
                    + '" style="width:100%;height:100%;"></iframe>';
                $('#tabs').tabs('add', {
                    title : title,
                    content : content,
                    closable : true
                });
            }

        }
    </script>
    <!-- 引入JQuery -->
    <script type="text/javascript" src="easyui/jquery.min.js"></script>
       <!-- 引入EasyUI -->
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
      <!-- 引入EasyUI的中文国际化js，让EasyUI支持中文 -->
    <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>
      <!-- 引入EasyUI的样式文件-->
    <link rel="stylesheet" href="easyui/themes/default/easyui.css" type="text/css"/>
    <!-- 引入EasyUI的图标样式文件-->
     <link rel="stylesheet" href="easyui/themes/icon.css" type="text/css"/>

</head>
<body class="easyui-layout">
<div data-options="region:'north',split:false" style="height:100px;"></div>
<div id="footer" data-options="region:'south'"  style=" overflow: hidden;">
    <div class="footer" > 南京生兴有害生物防治技术股份有限公司@2019-2020</div>
</div>

<div data-options="region:'west',title:'导航',split:true" style="width:210px;">
    <div id="nav-accordion" class="easyui-accordion"  data-options="fit:true">
        <div id="menu1" alt="智能诱捕器管理" title="智能诱捕器管理" style="overflow: auto;">
            <ul>
                <li pid="menu1" title="设备管理"><a href="javascript:addTab('设备管理','/driver/list');">设备管理</a></li>
                <li pid="menu1" title="任务管理"><a href="javascript:addTab('任务管理','task/list');">任务管理</a></li>
                <li pid="menu1" title="登录日志"><a href="javascript:addTab('登录日志','driverlogin/list');">登录日志</a></li>
                <li pid="menu1" title="诱捕明细"><a href="javascript:addTab('诱捕明细','wrom/list');">诱捕明细</a></li>
                <li pid="menu1" title="诱捕日志"><a href="javascript:addTab('诱捕日志','voltage/list');">诱捕日志</a></li>
                <li pid="menu1" title="充值管理"><a href="javascript:addTab('充值管理','pay/list');">充值管理</a></li>
               
            </ul>
        </div>
        <div id="menu2" alt="系统管理" title="系统管理" style="overflow: auto;">
            <ul>
                <li pid="menu2" title="用户管理"><a
                        href="javascript:addTab('用户管理','${ctx}/sys/account/list');">用户管理</a></li>
                <li pid="menu2" title="角色管理"><a
                        href="javascript:addTab('角色管理','${ctx}/sys/role/list');">角色管理</a></li>
                <li pid="menu2" title="菜单管理"><a
                        href="javascript:addTab('菜单管理','${ctx}/sys/menu/list');">菜单管理</a></li>
                <li pid="menu2" title="部门管理"><a
                        href="javascript:addTab('部门管理','${ctx}/sys/dept/list');">部门管理</a></li>
                <li pid="menu2" title="字典管理"><a
                        href="javascript:addTab('字典管理','${ctx}/sys/dict/list');">字典管理</a></li>
                <li pid="menu2" title="字典管理"><a
                        href="javascript:addTab('字典管理','${ctx}/sys/dict/list');">字典管理</a></li>
            </ul>
        </div>

    </div>
    </div>


</div>
<div data-options="region:'center'" >
    <div id="tabs" class="easyui-tabs" data-options="fit:true" >
        <div title="首页" style="padding: 20px; display: none;">
            欢迎进入xxx系统</div>
    </div>
    </div>


</div>
</body>


</html>